.silderShade{
    width:100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.silderContainer{
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-out; /* Opera */
    display: flex;
}
.silderButtonGroup{
    height:60px;
    position: relative;
    display: flex;
}
.silderButton{
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-out; /* Opera */
    flex: 1;
    font-size:18px;
    color:#555555;
    line-height: 60px;
    text-align: center;
}
.buttonSilder{
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out; /* Firefox 4 */
    -webkit-transition: all 0.3s ease-out; /* Safari 和 Chrome */
    -o-transition: all 0.3s ease-out; /* Opera */
    height:5px;
    width:60px;
    top:50px;
    left:0px;
    position: absolute;
    background: #026b70;
    border-radius: 2.5px;

}

.silderButtonGroup .active{
    color:#026b70;
    font-weight: 800;
}